<!-- 设备信息 -->
<script lang="ts" setup>
import Filter from './components/filter.vue';
import Handler from './components/handler.vue';
import Sheet from './components/sheet.vue';
import { createState } from './state';

defineOptions({ name: 'Equipment' });

const {
  page: { currentPage, pageSize, isLoading, total },
} = createState();
</script>

<template>
  <page-content m="0!" p="0!">
    <template #header>
      <Filter />
      <Handler />
    </template>
    <Sheet />
    <template #footer>
      <el-pagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
        :disabled="isLoading"
        :total="total"
      />
    </template>
  </page-content>
</template>
